<template>
  <!-- 根节点：id="app" 是 Vue 挂载点（与 main.js 中 createApp().mount('#app') 对应） -->
  <div id="app">
    <!-- 使用 MeetingDashboard 组件作为首页主要内容 -->
    <MeetingDashboard />
  </div>
</template>

<script setup>
// 使用 <script setup> 语法糖，无需再写 export default { components: { ... } }
// 通过 @ 别名引入 MeetingDashboard 组件（@ 默认指向 src 目录）
import MeetingDashboard from '@/views/competence/meetingCreate/MeetingDashboard.vue'

import MeetingQuery from '@/views/competence/meetingSearch/MeetingQuery.vue'

import MeetingNotice from '@/views/competence/meetingNotice/MeetingNotice.vue'

import MeetingStatistics from '@/views/competence/meetingStatistics/MeetingStatistics.vue'


</script>

<style>
/* ====== 全局样式重置 ====== */
/* 清除所有元素默认的 margin/padding，并统一盒模型为 border-box */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* ====== 根容器样式 ====== */
#app {
  /* 字体栈：优先使用 Avenir → Helvetica → Arial → 无衬线字体 */
  font-family: Avenir, Helvetica, Arial, sans-serif;
  /* 提升字体渲染平滑度（webkit 内核浏览器） */
  -webkit-font-smoothing: antialiased;
  /* 提升字体渲染平滑度（Firefox macOS） */
  -moz-osx-font-smoothing: grayscale;
  /* 全局文字颜色 */
  color: #2c3e50;
}
</style>